/*
 变量定义
------------------------------------------------------------------------------*/
:root {
    --header-height: 41px;
    --menu-top: 40px;
}

/*
 系统样式
------------------------------------------------------------------------------*/
* {
    box-sizing: border-box;
}

html {
    margin: 0px;
    background-color: #fff;
    height: 100%;
    overflow-y: auto;
}

body {
    margin: 0px auto;
    background-color: #fff; /*#f3f3f3;*/
    font-family: "微软雅黑", Arial, sans-serif;
    font-size: 12px;
    color: #4A5253;
    /*min-width: 365px;*/
}

.body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    z-index: -100;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .5s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.body-overlaid:after {
    z-index: 1000;
    opacity: .35;
    height: calc(100vh);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

:focus {
    outline-color: transparent;
    outline-style: none;
}

.full {
    width: 100%;
}

h1, h2, h3 {
    font-family: "微软雅黑", Arial, sans-serif;
}

h1 {
    color: #fff;
    font-size: 18px;
}

h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

em {
    color: red;
    font-style: italic;
}

nav.navbar {
    background-image: linear-gradient(to right, #2A9AF2, #04426b);
    color: #ffffff;
    margin: 0px;
    z-index: 1000;
    position: fixed;
    width: 100%;
}

nav.navbar-default {
    height: var(--header-height);
    margin: 0px;
}

.container-header {
    position: relative;
    margin: 0px;
    padding: 0px;
}
.navbar-header {
    height: var(--header-height);
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

.container-header .toggle-left {
    display: inline-block;
    float: left;
}

.container-header .toggle-right {
    display: inline-block;
    float: right;
    padding: 0px 8px;    
    color: white;
}

.main-menu {
    position: relative;
    color: #fff;
    border-right: 1px solid #e7e7e7;
    float: left;
    font-size: 17px;
    line-height: var(--header-height);
    height: var(--header-height);
    width: 58px;
}
/* MENU ICON */
#lines {
    width: 27px;
    height: 8px;
    position: absolute;
    top: 10px; left: 15px;
    border-top: 3px solid white;
    -webkit-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
    z-index: 10005;
}
#lines::before {   
    position: absolute;
    top: 5px;
    content: '';
    border-top: 3px solid white;
    width: 27px;
    height: 8px;
    -webkit-transition: 300ms;
    transition: 300ms;
}
#lines::after {
    position: absolute;
    top: 13px;
    border-top: 3px solid white;
    content: '';
    width: 27px;
    height: 8px;
    -webkit-transition: 300ms;
    transition: 300ms;
}
/* CLOSE ICON */
#lines.close {
    border-top: 3px solid transparent;
}
#lines.close::before {
    border-top: 3px solid #fff;
    width: 27px;
    -ms-transform: rotate(45deg) translate(-1.85px, 2.75px);
    -webkit-transform: rotate(45deg) translate(-1.85px, 2.75px);
    transform: rotate(45deg) translate(-1.85px, 2.75px);
}
#lines.close::after {
    border-top: 3px solid #fff;
    width: 27px;
    -ms-transform: rotate(-45deg) translate(6.25px, -3.5px);
    -webkit-transform: rotate(-45deg) translate(6.25px, -3.5px);
    transform: rotate(-45deg) translate(6.25px, -3.5px);
}

/* 导航指示条
------------------------------------------------------------------------------*/
.navbar-brand {
    display: inline-block;
    float: left;
    border-right: 1px solid #e7e7e7;
    height: var(--header-height);
}

.navbar-page-menu {
    display: inline-block;
    float: left;
    position: relative;
    font-size: 14px;
    margin-left: 8px;
    color: #eee;
    height: var(--header-height);
    line-height: var(--header-height);
    cursor: pointer;
    z-index: 10001;
}
.navbar-page-menu  > .page_menu__item {
    position: relative;
    padding: 0 5px;
}
.navbar-page-menu:hover  {
    background-color: #b8d8f9;
    color: #000;
}
.navbar-page-menu:hover  > .page_menu__item {
    position: relative;
    z-index: 10002;
    /*border-bottom: 1px solid #b8d8f9;*/
}
.navbar-page-menu:hover > .page_menu__actions {
    z-index: 1;
    display: block;
    /*border-top: 1px solid #b8d8f9;*/
}

.navbar-page-menu:hover i.fa-caret-down:before {
    content: "\f0d8";
}

#burger:before {

}
#burger:after {
    width: 20px;
    top: 2px;
    left: 18px;
    transform: rotate(-45deg) translateX(-5px);
    transition: transform .2s ease;
}


.container-header >.toggle-right >.search__icon,
.container-header >.toggle-right >.notifi__icon,
.container-header >.toggle-right >.profile__icon {
    display: inline-block;
    position: relative;
    float: left;
    line-height: var(--header-height);
    padding: 0px 10px;
    cursor: pointer;
}
.search__icon:hover, .notifi__icon:hover, .profile__icon:hover {
    background-color: #b8d8f9;
    color: #000;
}
.notifi__icon > .count {
    position: absolute;
    top: 7px;
    left: 22px;
    height: 12px;
    width: 12px;
    min-width: 9px;
    overflow: hidden;
    /*background: #21B7B7;*/
    background: red;
    color: #FFF;
    text-align: center;
    border-radius: 100%;
    font-size: 9px;
    line-height: 9px;
}

.container-header >.toggle-right >.profile-nav-text {
    display: inline-block;
    float: left;
    height: var(--header-height);
    line-height: var(--header-height);
    text-align: right;
    margin-left: 40px;
    margin-top: 3px;
}
.container-header .toggle-right .profile-nav-text .profile-nav-text-name {
    display: block;
    font-weight: bold;
    line-height: 20px;
}
.container-header .toggle-right .profile-nav-text .profile-nav-text-job {
    display: block;
    font-size: 12px;
    line-height: 12px;
}
.container-header .toggle-right .profile__icon {
    margin-left: 3px;
}
.container-header .toggle-right .profile__icon:hover i.fa-caret-down:before {
    content: "\f0d8";
}
.container-header .toggle-right .profile__icon:hover .user__actions {
    display: block;
}

/* 系统位置指示
------------------------------------------------------------------------------*/
.shadow-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.shadow-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.shadow-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.shadow-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.shadow-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.breadcrumbs {
    position: fixed;
    top: var(--header-height);
    width: 100%;
    background-color: #cccccc;
    color: #6E6E6E;
    line-height: 28px;
    height: 28px;
    padding: 0px 5px;
    z-index: 999;
}
.breadcrumbs .row {
    position: relative;
    top: 0px;
}
.breadcrumbs i {
    margin-left: 50px;
    padding-left: 10px;
    padding-right: 10px;
    top: 8px;
    position: relative;
    font-size:20px; 
    top: 2px;
}
.breadcrumbs ul {
    position: relative;
    top: 0px;
    margin: 0px;
    display: inline-block;
    padding:0px 0px 0px 5px;
}
.breadcrumbs ul li {
    display: inline-block;
    cursor: default;
}
.breadcrumbs ul li::after {
    content: " >";
}
.breadcrumbs ul li:last-child::after {
    content: "";
}
.breadcrumbs ul li  span {
    cursor: pointer;
}

/* 系统菜单
------------------------------------------------------------------------------*/
.user__actions {
    position: absolute;
    right: -1px;
    top: var(--menu-top);
    z-index: 9000;
    width: 160px;
    padding: 0px;
    margin: 0px;
    background: #f5f5f5;
    display: none;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid #979797;
    -moz-box-shadow: 5px 5px 4px -4px #666666;
    -webkit-box-shadow: 2px 2px 2px #999999;
    box-shadow: 2px 2px 2px #999999;
}
.page_menu__actions {
    position: absolute;
    left: -1px;
    top: var(--menu-top);
    z-index: 9000;
    width: 160px;
    padding: 0px;
    margin: 0px;
    background: #f5f5f5;
    display: none;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid #979797;
    -moz-box-shadow: 5px 5px 4px -4px #666666;
    -webkit-box-shadow: 2px 2px 2px #999999;
    box-shadow: 2px 2px 2px #999999;
}
/* TOP LEVEL STUFF */
.menu-list {
    padding: 0px 1px 0px 0px;
    margin: 3px 0px;
    z-index: 9001;
}
.menu-item {
    position: relative;
    margin: 0px 4px 0px 4px;
    background: #f5f5f5; /*#2980b9;  */
    border: 1px solid transparent;
    text-align: left;
}
.menu-item i {
    position: absolute;
    left: 5px;
    top: 8px;
    font-size: 12px;
    color: #000;
}
.menu-item:hover {
    background-color: #d1e2f2;
    border: 1px solid #78aee5;
}
.menu-item span {
    text-decoration: none;
    display: block;
    color: #000; /*grey;*/
    cursor: pointer;
    margin: 0 0 0 2em;
    padding-left: 10px;
    font-size: 14px;
    line-height: 2em;
}
.menu-item > span:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 26px;
    width: 1px;
    height: 37px;
    background: #e2e3e3;
}
.menu-list li:last-child > span:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 26px;
    width: 1px;
    height: 30px;
    background: #e2e3e3;
}
.menu-item:hover > span:before {
    left: 0px;
    background-color: transparent;
}
.menu-list li:hover:last-child > span:before {
    left: 0px;
    background-color: transparent;
}
.has-children:after {
    /* Adds sub-menu indicator */
    content: "";
    border-right: .4em solid transparent;
    border-left: .4em solid #282828;
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    position: absolute;
    top: 10px;
    right: 5px;
    opacity: 1;
}
.menu-list .menu-separator {
    position: relative;
    height: 1px;
    border-bottom: 1px solid #ddd;
    margin: 2px 7px 1px 31px;
}
.menu-separator > span:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0px;
    width: 1px;
    height: 5px;
    background: #e2e3e3;
}

/* LEVEL ONE/TWO/THREE STUFF */
.menu-item > ul {
    position: absolute;
    top: -5px;
    z-index: 100;
    padding: 4px 0px;
    margin: 0px;
    background: #f5f5f5;
    border: 1px solid #979797;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-box-shadow: 5px 5px 4px -4px #666666;
    -webkit-box-shadow: 2px 2px 2px #999999;
    box-shadow: 2px 2px 2px #999999;
    display: none;
}
.menu-item:hover > ul {
    display: inline-block;
}

/* 全屏菜单画面
------------------------------------------------------------------------------*/
.overlay {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    /*background: #333;*/
    background: url('../images/tile_menu_bg.jpg') no-repeat center top;
    background-size: 100%;
    overflow: auto;
    z-index: 1001;
}
.tile-menu-header {
    height: var(--header-height);
    background-color: rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 8px 16px;
}
.tile-menu {
    overflow: hidden;
    display: block;
    text-align: center;
    max-width: 1110px;
    margin: 60px auto 0px auto;
}

/* 主菜单
------------------------------------------------------------------------------*/
.huzo-menu .container {
    display: block;
    width: 1284px;
    margin: 0 auto;
    padding: 30px;
}
.huzo-menu ul {
    list-style: none;
    font-size: 16px;
}
.huzo-menu ul li.top {
    float: left;
    margin-left: 30px;
}
.huzo-menu li {
    min-height: 23px;
    line-height: 23px;
}
/*
 * Clearfix: contain floats
 */
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}

.clearfix:after {
    clear: both;
}

/* 全屏菜单 磁贴菜单
------------------------------------------------------------------------------*/
.tile-menu__item_cols:before,.tile-menu__item_cols:after {
    content:"";
    display:table;
}
.tile-menu__item_cols:after {
    clear:both;
}

.tile-menu__wrap {
    float: left;
    width: 185px;
    height: 115px;
    margin-bottom: 19px;
}
.tile-menu__title {
    height: 40px;
    letter-spacing: 0.1em;
    color: #323232;
    word-break: break-all;
    font-size: 16px;
    padding: 12px 0px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
}
.tile-menu__link {
    text-align: center;
    display: block;
    cursor: pointer;
    background: #fff; /*#efefef;*/
    text-decoration: none !important;
    height: 115px;
    margin: 0 5px 0 5px;
    -webkit-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    -moz-box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    box-shadow: 0px 3px 5px rgba(93,109,157,0.3);
    /*box-shadow:inset 0px 3px 4px #ddd;*/
}
.tile-menu__link:hover {
    background: #b8cde3;
    box-shadow: inset 0px 3px 4px #90aac5;
}
.tile-menu__pic {
    height: 75px;
    width: 80px;
    display: inline-block;
    padding: 10px 0px 0px 0px; 
    background: transparent;
}
.tile-menu__pic i {
    font-size: 60px;
}

/* search 框
------------------------------------------------------------------------------*/
.search__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 15px 0px 15px;
}
.search {
    z-index: 1003;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    margin: 0;
    padding: 0;
}
.search__modal {
    -webkit-perspective: 1300;
    perspective: 1300;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 300px;
    width: 700px;
    margin: 0px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.search__form {
    width: 100%;
    background: url(../images/form_sheet_bg.png);
    margin: 0;
}
.search__content > .search__form_header {
    position: relative;
    top: 0px;
    left: 0px;
    height: 58px;
    width: 700px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
.search__content > .search__form_header  > h2 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    padding: 20px 3px 20px 15px;
}
.search__content > .search__form_header > div#search__form_butclose,
.search__content > .search__form_header > div#search__form_butclose_02,
.search__content > .search__form_header > div#search__form_butclose_03,
.search__content > .search__form_header > div#search__form_butclose_04 {
    position: absolute;
    z-index: 100;
    top: 18px;
    right: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #ccc;
    cursor: pointer;
}
.search__content div#search__form_butclose span:hover,
.search__content div#search__form_butclose_02 span:hover,
.search__content div#search__form_butclose_03 span:hover,
.search__content div#search__form_butclose_04 span:hover {
    color: #444;
}
.search__content > form {
    height: 184px;
    background: #fff;
    width: 650px;
    padding: 15px;
}
.search__content > form > table {
    width: 100%;
}

@media all and (max-width: 750px) {
    .search__modal {
        width: 680px;
    }
}
.search__content {
    position: relative;
    margin: 0 auto;
    height: inherit;
    width: inherit;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg);
    background-color: #fff;
    border-radius: 5px;
}

.search--active {
    visibility: visible;
}
.search--active .search__content {
    opacity: 1;
    -webkit-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg);
}

#search-strip, #search-strip_02, #search-strip_03, #search-strip_04 {
    position: absolute;
    width: 100%;
    height: 58px;
    line-height: 58px;
    border-top: 1px solid #ccc;
    left: 0px;
    bottom: 0px;
    padding: 0px 15px 0px 0px;
    text-align: right;
    background-color: #fff;
}

/* 画面内容
------------------------------------------------------------------------------*/
section#wrapper__content {
    position: relative;
    top: 0px;
    background-color: #fff;
    width: 100%;
}

.form__data_content {
    /*min-height: 100%;
    height: 100%;
    background: url(../images/form_sheet_bg.png);*/
}

/* 树形区域样式
------------------------------------------------------------------------------*/
div#treeArea {
    display: inline-block;
    position: relative;
    top: 5px;
    left: 8px;
    overflow: auto;
    width: 260px;
    float: left;
    border: 1px solid #c6c3bd; /*#95c6e4;*/
    padding: 5px;
}

/* win8 风格的滚动条
------------------------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 17px;
    height: 17px;
    background-color: #edead8;
    border: none;
}

::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border: 1px solid #edead8;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #dadada;
}

::-webkit-scrollbar-thumb:active {
    background-color: #606060;
}

::-webkit-scrollbar-thumb:disabled {
    background-color: #f9f9f9;
}

::-webkit-scrollbar-corner {
    background-color: #edead8;
}

::-webkit-scrollbar-corner {
    background-color: #edead8;
}

::-webkit-scrollbar-button {
    background-color: #edead8;
    background-image: url(../images/icons/icons_scroller/win8-scrollbar.png);
    background-repeat: no-repeat;
}

::-webkit-scrollbar-button:vertical {
    height: 33px;
}

::-webkit-scrollbar-button:horizontal {
    width: 33px;
}

::-webkit-scrollbar-button:horizontal:increment {
    background-position: 0 -444px;
}

::-webkit-scrollbar-button:horizontal:decrement {
    background-position: 12px -425px;
}

::-webkit-scrollbar-button:vertical:increment {
    background-position: -1px -391px;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-position: -1px -358px;
}

::-webkit-scrollbar-button:hover {
    background-color: #dadada;
}

::-webkit-scrollbar-button:horizontal:increment:hover {
    background-position: 0 -548px;
}

::-webkit-scrollbar-button:horizontal:decrement:hover {
    background-position: 12px -529px;
}

::-webkit-scrollbar-button:vertical:increment:hover {
    background-position: -1px -495px;
}

::-webkit-scrollbar-button:vertical:decrement:hover {
    background-position: -1px -462px;
}

::-webkit-scrollbar-button:active {
    background-color: #606060;
}

::-webkit-scrollbar-button:horizontal:increment:active {
    background-position: 0 -652px;
}

::-webkit-scrollbar-button:horizontal:decrement:active {
    background-position: 12px -633px;
}

::-webkit-scrollbar-button:vertical:increment:active {
    background-position: -1px -599px;
}

::-webkit-scrollbar-button:vertical:decrement:active {
    background-position: -1px -566px;
}

::-webkit-scrollbar-button:disabled {
    background-color: #f9f9f9;
}

::-webkit-scrollbar-button:horizontal:increment:disabled {
    background-position: 0 -756px;
}

::-webkit-scrollbar-button:horizontal:decrement:disabled {
    background-position: 12px -737px;
}

::-webkit-scrollbar-button:vertical:increment:disabled {
    background-position: -1px -703px;
}

::-webkit-scrollbar-button:vertical:decrement:disabled {
    background-position: -1px -670px;
}

/* loading 显示
------------------------------------------------------------------------------*/
div#loading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    font-size: 18px;
    text-align: center;
    font-family: Helvetica,Verdana,sans-serif;
    color: #616161;
    background-color: #eee;
    z-index: 999999;
}

/* 上传文件样式控制
------------------------------------------------------------------------------*/
.download {
    display: none;
    cursor: pointer;
    padding: 2px 2px 2px 22px;
    width: 20px;
    height: 20px;
    background: url(../images/icons/download.png) 2px 2px no-repeat;
}

.btn__add_pic {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 23px;
    overflow: hidden;
    border: 1px solid #EBEBEB;
    background: none repeat scroll 0 0 #F3F3F3;
    color: #999999;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.btn__add_pic span {
    display: block;
    height: 23px;
    line-height: 23px;
}

.btn__add_pic em {
    background: url(../images/icons/file_add.png) 0 0 no-repeat;
    display: inline-block;
    width: 18px;
    height: 23px;
    overflow: hidden;
    margin: 0px 5px 0px 0;
    line-height: 23px;
    vertical-align: middle;
}

.btn__add_pic:hover em {
    background-position: -19px 0;
}

.field__upload_file {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 39px;
    font-size: 100px; /* 增大不同浏览器的可点击区域 */
    opacity: 0; /* 实现的关键点 */
    filter: alpha(opacity=0); /* 兼容IE */
}


/* 分割条样式
------------------------------------------------------------------------------*/
div#panelSplitter{
    position: absolute;
    top: 8px;
    left: 250px;
    display: block;
    width: 18px;
    height: 16px;
    float: left;
    border: 1px #AAA solid;
    padding:0 0 0 4px;
    cursor: pointer;
}

div#hPanelSplitter{
    position: absolute;
    top: 5px;
    left: 3px;
    display: block;
    width: 16px;
    height: 18px;
    float: left;
    border: 1px #AAA solid;
    padding: 2px 0 0 3px;
    cursor: pointer;
    z-index: 100;
}

/* 工具条按钮
------------------------------------------------------------------------------*/
.panel__toolbar {
    display: table;
    table-layout: fixed;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
.panel__toolbar_item {
    display: table-cell;
    width: auto;
    border-radius: 0;
}
.panel__toolbar_item:disabled,
.panel__toolbar_item.is-disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.panel__toolbar_item:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.panel__toolbar_item:last-child  {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.panel__toolbar_item:first-child > .toolbar__button {
    /*border-right: none;*/
    margin-right: -2px;
}

.panel__toolbar_item:last-child > .toolbar__button {
    /*border-left: none;*/
    margin-left: -2px;
}

.toolbar__button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    background-clip: padding-box;
    color: inherit;
    vertical-align: top;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: inherit;
    cursor: pointer;
    min-width: 20px;

    padding: 0 8px;
    border: 1px solid #a5a8a8;
    background-image: url(../images/textures/toolBar.png);
    /* Important inheritance to manipulate border radius from parent */
    border-radius: inherit;
    background-color: #e5e9e8;
    -webkit-box-shadow: inset 0 1px #fff;
    /*box-shadow: inset 0 1px #fff;*/
    color: #454545;
}

.toolbar__button:hover {
    background: #fff;
}
.toolbar__button:active,
.toolbar__button.is-active {
    /*background-color: #d3d7d7;
    -webkit-box-shadow: inset 0 1px rgba(0,0,0,0.12);
    box-shadow: inset 0 1px rgba(0,0,0,0.12);*/    
    background: #F4F4F4 none repeat scroll 0%;
    border-color: #999999 rgb(204, 204, 204) rgb(204, 204, 204) rgb(153, 153, 153);
}
.toolbar__button:focus {
    outline: #464646 dotted thin;
    outline-offset: -4px;
}
.toolbar__button:disabled {
    color: rgba(0,0,0,0.4);
    /*text-shadow: 1px 1px 0px rgba(255,255,255,0.5);*/
    background: rgb(220,220,220);
    cursor: not-allowed;
}

/* 功能介绍
------------------------------------------------------------------------------*/
.para {
    width: 1200px;
    margin: 60px auto 0 auto;
}

.title-text {
    padding: 0 8px 0 20px;
    line-height: 24px;
    font-size: 22px;
    font-weight: 400;
    color: #000;
    background: #fff;
    border-left: 12px solid #4F9CEE;
    position: relative;   /*定位横线（当横线的父元素）*/
}
.title-text::after {
    content: '';                /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 51%;
    background: #dcdcdc;        /*宽和高做出来的背景横线*/
    width: 1110px;
    height: 1px;
    margin-left: 20px;
}

.para-content {
    font-size: 16px;
    word-wrap: break-word;
    color: #333;
    margin-bottom: 15px;
    text-indent: 2em;
    line-height: 24px;
    zoom: 1;
}

/* 状态字段
------------------------------------------------------------------------------*/
span.n1 {
    background-color: #00cf74; /*green;*/
    color: #000; /*#fff;*/
    border-radius: 3px;
    padding: 1px 3px;
    border: 1px solid #464646;
}
span.n2 {
    background-color: red;
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    border: 1px solid #464646;
}
span.n3 {
    background-color: #FFDE00;
    color: #000;
    border-radius: 3px;
    padding: 1px 3px;
    border: 1px solid #464646;
}
span.detail {
    cursor: pointer;
    background-color: #FFDE00;
    color: #000;
    border-radius: 3px;
    padding: 1px 5px;
}
/* 无搭配 */
span.m0 {
    background-color: #fff; /*#f5f5f5;*/
    color: #000;
    border-radius: 3px;
    padding: 1px 8px;
    font-weight: normal;
    border: 1px solid #464646;
}
/* 颜色搭配 */
span.m1 {
    background-color: #FFAD33; /*#f1491b;*/
    color: #000;
    border-radius: 3px;
    padding: 1px 2px;
    font-weight: normal;
    border: 1px solid #464646;
}
/* 尺码搭配 */
span.m2 {
    background-color: #00F7DE; /* #00cf74;*/
    color: #000;
    border-radius: 3px;
    padding: 1px 2px;
    font-weight: normal;
    border: 1px solid #464646;
}
/* 颜色尺码搭配 */
span.m3 {
    background-color: dodgerblue;
    color: #fff;
    border-radius: 3px;
    padding: 1px 2px;
    font-weight: normal;
    border: 1px solid #464646;
}
span.c1 {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #00cf74;/* green;*/
    border-radius: 10px;
    border: 1px solid #464646;
}
span.c2 {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: red;
    border-radius: 10px;
    border: 1px solid #464646;
}
span.c3 {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #FFDE00;
    border-radius: 10px;
    border: 1px solid #464646;
}
span.c4 {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #464646;
    border-radius: 10px;
    border: 1px solid #464646;
}
/* 印章样式
------------------------------------------------------------------------------*/
.huzo_stamp {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    font-family: "微软雅黑", 'Vollkorn', serif;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #003f56;
    border: 4px solid #003f56;
    float: left;
    padding: 6px 8px;
    border-radius: 10px;

    opacity: 0.8;
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    position: absolute;
    z-index: 10;
}
.huzo_stamp::after {
    position: absolute;
    content: " ";
    width: 100%;
    height: auto;
    min-height: 100%;
    top: -10px;
    left: -10px;
    padding: 10px;
    background: url(../images/noise.png) repeat;
}

.huzo_stamp__blue {
    border-color: #003f56;
    color: #003f56;
}
.huzo_stamp__red {
    border-color: red;
    color: red;
}

/* 圆点状态
------------------------------------------------------------------------------*/
.dot_status {
    display: block;
    margin:0 auto;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.dot_status__red {
    background: red;
}
.dot_status__blue {
    background: blue;
}
.dot_status__green {
    background: green;
}

/* 手风琴样式
------------------------------------------------------------------------------*/
.accordion-container {
    position: relative;
    height: auto;
    margin: 10px auto;
    /*border-top: 1px solid #ccc;*/
}
.accordion-set {
    position: relative;
    width: 100%;
    height: auto;
    /*background-color: #f5f5f5;*/
}
.accordion-set > span {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #555;
    font-weight: 600;
    /*border-bottom: 1px solid #ddd;*/
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear;
    background-color: #f5f5f5;
    cursor: pointer;
}
.accordion-set > span i {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}
.accordion-set > span.active{
    background-color:#3399cc;
    color: #fff;
}
.accordion-content {
    background-color: #fff;
    /*border-bottom: 1px solid #ddd;*/
    margin-bottom: 15px;
    margin-left: 20px;
    display: none;
}

/* 行操作按钮
------------------------------------------------------------------------------*/
span.gridbutton {
    border-radius: 3px;
    color: #fff;
    padding: 1px 2px;
    cursor: pointer;
}
.but1 {
    background-color: #D90368;
}
.but2 {
    background-color: #00a7ee;
}